<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@include file="../../common/init_context.jsp"%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>国付宝收银台 - 订单</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link type="text/css" rel="stylesheet" href="${ROOT}/static/css/reset.css" media="all" />
    <link type="text/css" rel="stylesheet" href="${ROOT}/static/css/style.css" media="all" />
    <link type="text/css" rel="stylesheet" href="${ROOT}/static/css/ui-lightness/jquery-ui-1.9.2.custom.css" media="all" />
    <script type="text/javascript" src="${ROOT}/static/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="${ROOT}/static/js/jquery-ui-1.9.2.custom.min.js"></script>
    <script type="text/javascript" src="${ROOT}/static/js/jquery.gopay.ext.js"></script>
    <script type="text/javascript" src="${ROOT}/static/js/jquery.alert.js"></script>
    <script type="text/javascript" src="${ROOT}/static/js/gopay/expressPayChannel.js"></script>
    <script type="text/javascript" src="${ROOT}/static/js/gopay/ccfp/firstCcfp.js"></script>
    <script type="text/javascript" src="${ROOT}/static/00100/javascripts/gopay/express/certNoChecker.js"></script>
    <script type="text/javascript" src="${ROOT}/static/js/gopay/ccfp/reselectBanks.js"></script>
    <!--[if IE 6]>
    <script src="../../javascripts/png_ie6fix.js" type="text/javascript"></script>
    <script type="text/javascript">
        EvPNG.fix("div, span,a");
    </script>
    <![endif]-->
    <script type="text/javascript">
        var ctx='${ctx}';
    </script>
    <style>
        .font14{font:14px/1.5 "微软雅黑",SimSun,\5b8b\4f53;}
        .font12{font:12px/1.5 "微软雅黑",SimSun,\5b8b\4f53;}
        .paddingLeft60{padding-left:40px !important;}
        .kuaij-ul li{
            padding: 10px 0;
        }
        .kuaij-ul .red{color:red;}
    </style>
</head>
<body>
<%@include file="../../common/header.jsp"%>
<div class="container1024">
    <div class="container960">
        <!-- 支付订单详情 -->
        <jsp:include page="../payInfoHead.jsp" flush="true"></jsp:include>
        <div class="borderBox-3">
            <div class="titleBox-1">
                <h6>您正在使用${bankName}付款</h6>
            </div>
            <form action="${ctx }/pay/ccfp/ccfpay.shtml" method="post" id="ccfpInfoSaveForm" name="ccfpInfoSaveForm">
                <table class="table-tml">
                    <tbody>

                    <tr>
                        <th width="305px">您选择的付款银行：</th>
                        <td>
                            <span class="red"><img width='190' height='36' src="${ctx }/BankIcon/${bankCode}.jpeg" /></span>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label id="reselectClick" style="cursor:pointer;color: blue;">重新选择付款银行</label>
                        </td>
                    </tr>

                    <tr>
                        <th width="305px">信用卡号：</th>
                        <td>
                            <input type="text" class="width214" name="ccardNo" id="ccardNo" onblur="checkCardNo();"/>
                        </td>
                    </tr>
                    <tr id="validCardNoTipTr" style="display: none">
                        <th width="305px"></th>
                        <td class="msg-error-td">
                            <span id="validCardNoTip" class="msg-error"></span>
                        </td>
                    </tr>
                    <tr>
                        <th width="305px">有效期：</th>
                        <td>
                            <input type="text" style="width: 88px;" name="cmonth" id="cmonth" maxlength="2" onblur="checkMonth();" onafterpaste="checkMonth();"/>月
                            <input type="text" style="width: 88px;" name="cyear" id="cyear" maxlength="2"  onblur="checkYear();" onafterpaste="checkYear();"/>年
                        </td>
                    </tr>
                    <tr id="validDateTipTr" style="display: none">
                        <th width="305px"></th>
                        <td class="msg-error-td">
                            <span id="validDateTip" class="msg-error"></span>
                        </td>
                    </tr>
                    <tr>
                        <th width="305px">CVN2：</th>
                        <td style="position: relative">
                            <input type="text" class="width214" name="cvn2No" id="cvn2No" onblur="checkCvn2No();"/>
                            <img id="cvn2PromptImg" src="${ctx}/static/img/cvn2.gif" style="position: absolute;left:138px;top:0px;display: none;"/>
                        </td>
                    </tr>
                    <tr id="validCvn2NoTipTr" style="display: none">
                        <th width="305px"></th>
                        <td class="msg-error-td">
                            <span id="validCvn2NoTip" class="msg-error"></span>
                        </td>
                    </tr>
                    <c:choose>
                        <c:when test="${realNameUser eq '1'}">
                            <tr>
                                <th width="305px">姓名：</th>
                                <td>
                                    <label>${cardHolder}</label>
                                    <input type="hidden" name="cardHolder" id="cardHolder" value="${cardHolder}"/>
                                </td>
                            </tr>
                            <tr>
                                <th width="305px">有效证件号码：</th>
                                <td>
                                    <label>${cidNo}</label>
                                    <input type="hidden" class="width189" name="cidNo" id="cidNo" value="${cidNo}"/>
                                    <input type="hidden" class="width189" name="cidType" id="cidType" value="01"/>
                                </td>
                            </tr>
                        </c:when>
                        <c:otherwise>
                            <tr>
                                <th width="305px">姓名：</th>
                                <td>
                                    <input type="text" class="width214" name="cardHolder" id="cardHolder" maxlength="10" onblur="checkCardHolder();"/>
                                </td>
                            </tr>
                            <tr id="validCardHolderTipTr" style="display: none">
                                <th width="305px"></th>
                                <td class="msg-error-td">
                                    <span id="validCardHolderTip" class="msg-error"></span>
                                </td>
                            </tr>
                            <tr>
                                <th width="305px">有效证件号码：</th>
                                <td>
                                    <select id="cidType" name="cidType">
                                        <option value="01">身份证</option>
                                    </select>
                                    <input type="text" style="width: 137px;" name="cidNo" id="cidNo" onblur="checkCidNo();"/>
                                </td>
                            </tr>
                            <tr id="validCidNoTipTr" style="display: none">
                                <th width="305px"></th>
                                <td class="msg-error-td">
                                    <span id="validCidNoTip" class="msg-error"></span>
                                </td>
                            </tr>
                        </c:otherwise>
                    </c:choose>
                    
                    <tr>
                        <th width="305px">银行预留手机号：</th>
                        <td>
                            ${bankPhoneNo}
                            <span id="bankPhoneNoTip" style="color:red;"></span>
                        </td>
                    </tr>
                    
                    <tr>
                        <th width="305px">短信验证码：</th>
                        <td>
                            <input type="text" style="width: 150px;" name="verifyCode" id="verifyCode" maxlength="8" onblur="checkVerifyCode();"/>&nbsp;&nbsp;<button type="button" id="getSmsCode" onclick="sendSms(this);return false;">获取验证码</button>
                        </td>
                    </tr>
                    <tr id="verifyCodeTipTr" style="display: none">
                        <th width="305px"></th>
                        <td class="msg-error-td">
                            <span id="verifyCodeTip" class="msg-error"></span>
                        </td>
                    </tr>
                    <tr>
                        <th width="305px"></th>
                        <td>
                            <input type="checkbox" id="agreeOpen" name="agreeOpen"/>&nbsp;&nbsp;同意<a href="${ctx}/static/protocol/expressPayContract.htm" target="_blank"> 《国付宝快捷支付服务协议》</a>，并开通快捷支付。
                        </td>
                    </tr>

                    <tr>
                        <td colspan="2" align="center" height="100px"><button type="button" id="payConfirmSubmitId" class="btn-1" onclick="ccfpInfoSaveCheck(this);">确认支付</button></td>
                    </tr>
                    </tbody>
                </table>
                <input type="hidden" name="formhash" id="formhash" value="${formhash }"/>
                <input type="hidden" name="orderId" id="orderId" value="${orderId }"/>
                <input type="hidden" id="bankPhoneNo" name="bankPhoneNo" value="${bankPhoneNo}">
                <input type="hidden" id="bankCode" name="bankCode" value="${bankCode}">
            </form>
        </div>
    </div>
    <br>
</div>

<%@include file="../../common/footer.jsp"%>
</body>
</html>

<div id="reselectCcfBanksDialog" style="display:none">
    <%@include file="reselectBank.jsp"%>
</div>